@import "./variables.less";

:root {
  color-scheme: light dark;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
}

/* 安全区域适配 */
body {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* iOS Safari 底部导航栏修复 */
.bottom-nav {
  /* 强制硬件加速 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  /* 确保在iOS Safari中正确固定 */
  position: fixed !important;
  bottom: env(safe-area-inset-bottom, 0) !important;
  
  /* 防止iOS Safari滚动时导航栏消失 */
  -webkit-overflow-scrolling: touch;
}

/* iOS Safari 视口高度修复 */
@supports (-webkit-touch-callout: none) {
  .paycode-page,
  .statistics-page,
  .orders-page,
  .home-page,
  .auth-page,
  .nearby-page,
  .deduct-page,
  .success-page,
  .protocol-page {
    min-height: -webkit-fill-available;
  }
}
